<%@ page contentType="text/html;charset=utf-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
      <style type="text/css">
        body {
	background:url(http://pic1.win4000.com/wallpaper/c/541fdc14a3866.jpg) no-repeat 0px 0px;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
	background-attachment: fixed;
    background-position: center;
}
 .txtCenter{
     color:#fff;
     text-align:center;
     letter-spacing:6px;
     font-size:40px;
     margin-top:75px;
    }
.login{
    width:37%;
    margin:50px auto;
    text-align:center;
    background: rgba(0, 0, 0, 0.43);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
input.username {
    width: 63%;
}
input.username {
    width: 65%;
    padding: 10px 10px 10px 15px;
    border: none;
    outline: none;
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 35px;
    float: left;
}
input.password {
    width: 63%;
}
input.password {
    width: 65%;
    padding: 10px 10px 10px 15px;
    border: none;
    outline: none;
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 35px;
    float: left;
}

form span {
    font-size: 23px;
    padding: 10.5px 10px;
}
form span {
    width: 23%;
    float: left;
    letter-spacing: 1px;
}

.log-bwn {
    text-align: center;
}
.log-bwn input[type='submit'] {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 13px 0;
    background: #ff3366;
    display: inline-block;
    width: 100%;
    outline: none;
    border: 2px solid #ff3366;
    cursor: pointer;
    text-transform: uppercase;
}


h2{
      font-size:30px;
      color:#fff;
      padding-top:45px;
      letter-spacing:3px;
  }
 .username,.password-agileits{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline;
 }
 
      </style>
<head>

<body>
  <div class="txtCenter">用户登录系统</div>
  <div class="login">
<form action = "checklogin.jsp" method ="post">
      <h2>现在登录</h2>
                                        
   <div class="username">
				<span class="username" style="height:19px">学号:</span>
				<input name="username" class="username" type="username" >
				<div class="clear"></div>
			</div>
	<div class="password-agileits">
				<span class="username" style="height:19px">密码:</span>
				<input name="password" class="password"  type="password" >
				<div class="clear"></div>
			</div>
    <div class="log-bwn">
					<input type="submit" value="Login">
				</div>
</form>
</div>
</body>

</html>